<template>
  <div>
    <img class="horn_one" src="@/assets/img/home-page/horn_one.png" alt="">
    <img class="horn_two" src="@/assets/img/home-page/horn_two.png" alt="">
    <img class="horn_three" src="@/assets/img/home-page/horn_three.png" alt="">
    <img class="horn_four" src="@/assets/img/home-page/horn_four.png" alt="">
  </div>
</template>

<script>

export default {
  name: '',
  data() {
    return {
    }
  }
}
</script>

<style lang="scss" scoped>
img {
  position: absolute;
}
.horn_one {
  left: 0;
  top: 0
}
.horn_two {
  left: 0;
  bottom: 0;
}
.horn_three {
  right: 0;
  top: 0;
}
.horn_four {
  right: 0;
  bottom: 0;
}
</style>
